html, body {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

body, label {
    font-size: 1em;
    line-height: 1.3;
    font-family: "Microsoft YaHei", "微软雅黑", Arial, "黑体", "Hiragano";
    /*border: 1px dotted brown; *//* 打开这个选项查看所有container的实际大小和位置*/
}

* {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a, a:link, a:active, a:hover,
a:focus {
    font-family: inherit;
    text-decoration: none;
    color: #D13345;
}

span, label, div {
    font-family: inherit;
    font-size: inherit;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

div[data-role="page"] {
    display: none;
}

div[data-role="page"].active {
    display: block;
    padding: 0;
    margin: 0 0 70px 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    /*font-weight: 500;*/
    line-height: 1.1;
    color: inherit;
    font-size: inherit;
    color: inherit;
}

h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {
    font-weight: normal;
}

h1 {
    font-size: 100%;
    line-height: 1.3;
}

h2 {
    font-size: 80%;
    line-height: 1.2;
}

h3 {
    font-size: 90%;
    line-height: 1.2;
}

small {
    font-size: 80%
}

big {
    font-size: 120%
}

/**************由于字号比较复杂，还是用px的方式对应标注上的字号大小*************/
/* fs16: font-size=16px */
/* fs13: font-size=13px */
/* fs**: font-size=**px */

.fs16 {
    font-size: 134%
}

.fs13 {
    font-size: 110%
}

.fs12 {
    font-size: 100%
}

.fs {
    font-size: 100%
}

.fs11 {
    font-size: 92%
}

.fs10 {
    font-size: 83%
}

.fs9 {
    font-size: 75%
}

/*浅色字，用在红色背景上*/
.fcff {
    color: #fff
}

.fcdf {
    color: #dfdfdf
}

/*灰色字，用在白色/浅灰背景上*/
.fc11 {
    color: #111
}

.fc50 {
    color: #505050
}

.fc77 {
    color: #777777
}

.fc99 {
    color: #999
}

/*红色字，用在白色背景上*/
.fc {
    color: #d31145
}

/* 头像/公司Logo/消费类型icon */
.circle {
    border-radius: 50%;
}

.w86p {
    width: 85%;
    margin: auto
}

.w16 {
    width: 16px;
}

.h16{
    width:16px;
}

.m7p {
    margin-left: 7%;
    margin-right: 7px;
}

.ml7p {
    margin-left: 7%
}

.mr7p {
    margin-right: 7%
}

.mt8 {
    margin-top: 8px;
}

.mt10 {
    margin-top: 10px;
}

.pt10 {
    padding-top: 10px
}

.pt5 {
    padding-top: 5px
}

.pl8 {
    padding-top: 8px
}

.pl13 {
    padding-left: 13px;
}

.pl16 {
    padding-left: 16px;
}

.pl25 {
    padding-left: 25px
}

.pr20 {
    padding-right: 20px;
}

ul, li {
    list-style: none;
}


.bc {
    background-color: #d31145
}

.bcff {
    background-color: #fff
}


.bcef {
    background-color: #efefef;
}

/*全屏遮罩*/
.mask {
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.9;
    /*display: none;*/
    position: fixed;
    top: 0;
    left: 0
}

.active {
    display: block;
}

.hide {
    display: none;
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.static {
    position: static
}

/*页内线条*/
.line {
    border-bottom: 1px solid #a0a0a0;
}

/* 页内出现的色块分隔区域 */
.block {
    background: #f6f6f6;
    border: 0;
    padding: 10px 7%;
    margin: 15px 0;
    font-size: 92%;
    line-height: 1.3;
}

.avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-size: 48px 48px;
    border: 2px solid #fff;
}

.tips {
    text-align: center;
    margin: 10px 0 0 0;
    color: #bfbfbf;
}

.fr {
	float:right;
}

.fl{
	float:left;
}

.page-action {
    margin: 20px 7%;
    padding-left: 40px;
    background-position: 15px center;
    background-size: 16px;
    font-size: 80%;
}

.explain {
    width: 86%;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
}

.explain>ul>li {
    font-size: 80%;
    padding: 10px 20px;
    line-height:150%;
}

.explain>ul>li.important {
    color : #d31145;
}

.explain li.ico {
    background-position: 0 center;
    background-size: 8px;
}


.img-preview {
    background-color:#000;background-position: center center;background-repeat: no-repeat;position: fixed; top:0; left:0;width:100%; height: 100%;
    /*opacity: 0.9;*/
    vertical-align: middle;
    text-align: center;
    color: #fff;
}

.pagination {
    position: absolute;
    z-index: 20;
    bottom: 70px;
    /*top:20px;*/
    width: 100%;
    text-align: center;
}
.swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #efefef;
    margin: 0 4px;
    opacity: 0.8;
    border: 1px solid #D13345;
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    background: #D31145;
}

.swiper-slide-active{
    visibility:visible;
}

.full-mask {
    width: 100%;
    height: 100%;
    background: #fff;
    /*display: none;*/
    position: fixed;
    top: 0;
    left: 0
}

.swiper-button-prev{
    /*background: #d13345;*/
    width: 50px;
    height:50px;
    margin-left: 7%;
}

.swiper-button-next {
    width: 50px;
    height:50px;
    margin-right: 7%;
}

.prompt {
    position:fixed;
    bottom: 0;
    width: 100%;
}

.prompt .mask {
    opacity: 0.5;
    background: #000;
}

.prompt .options, .prompt .cancel {
    width:100%;
    position: relative;
    border: 1px solid #ccc;
    /*border-radius: 5px;*/
    margin-top:  5px;
}

.prompt li {
    height:50px;
    border-top: 1px solid #efefef;
    text-align: center;
    background: #fff;
    line-height: 50px;
    /*color:#d13345;*/
}

.prompt li:first-child {
    border:0
}

.prompt .cancel li {
    color: #555;
    border:0
}